<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" href="<?php echo (HOME_CSS_PATH); ?>jquery.mobile-1.3.2.min.css">
    <script src="<?php echo (HOME_JS_PATH); ?>jquery-1.8.3.min.js"></script>
    <script src="<?php echo (HOME_JS_PATH); ?>jquery.mobile-1.3.2.min.js"></script>

    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }

        ul{
            list-style:none;
        }
        a{
            text-decoration:none;
        }
        .clear{
            clear: both;
        }
        .ui-grid-b div a div{
            color: #000;
        }
        #header{
            height: 8%;
            line-height: 8%;
        }
        #area_name{
            text-align: center;
        }
        #area_a{
            padding-left: 10px;
        }
        #area_a a{
            color: #fff;
        }
        #home_text {
            text-align: center;

        }
        #logo_img{
            text-align: center;
        }
        #logo_img img{
            width: 95%;
            margin: 0 5px 2px 5px;
        }
        #footer{
            height: 70px;

            margin: 2px auto;
        }
        #footer img{
            width: 40px;

        }
        #footer li{
            float: left;
            text-align: center;
        }
        #footer .colo{
            background-color: red;
        }
        .line{
            height: 10px;
            background:lightgrey;
        }
        .sponsorLogoList{
            float: left;
        }
        .activityImage{
            width: 100%;
            height:auto;
            border-radius: 5px;
        }
        .activityTime{

        }
        .activityShowCont{
            margin:10px 5px;
            background-color: lightgrey;
        }
        .activityTime{
            font-family:"Microsoft yahei", Arial;
            font-size: 6px;
            color:grey !important;
        }
        .activityName{
            margin-top:5px !important;
            margin-left: 10px;
            font-size: 14px;
            color: #000000 !important;
        }
        .showAll{
            color:gray;text-align:right;display:inline;float:right;margin-right:1%;
            font-size:6px ;
        }
        .sponsorTitle{
            margin-left: 1%;
            font-size: 6px;
            color:#000 !important;
        }
        .light{
            height: 5px;
        }
        .footZone{
            width:33%;
            height:8% !important;
        }
        .sponsorLogo{
            width: 30%;
            height: auto;
        }
        .sponsorName{
            font-size: 10px;
        }
    </style>
</head>
<body>
<div data-role="page" id="pageone">
    <div data-role="header" id="header" data-position="fixed" >
        <div class="home_icon">
            <ul>
                <li style="float:left; display:block; width:45%;"><a href="#pageone" style="display:inline;"><img src="<?php echo (HOME_IMAGES_PATH); ?>home.png" style="width:40px;"></a></li>
                <li id="area_text" style="float:left; ">
                    <h2 style="display:inline;">活动</h2>
					<span id="area_a" style="position:relative;">
						<a href="" onclick="showarea();" style="display:inline;">全部<img src="<?php echo (HOME_IMAGES_PATH); ?>downicon.png" style="width:15px;"></a>
						<ul id="area_name" style="display:none;z-index:5000;position:absolute; diaplay:none;background:gray;opacity:0.5;width:100px;height:210px;">
                            <li><a href="#" style="z-index:5000;">全部</a></li>
                            <li><a href="#" style="z-index:5000;">上海</a></li>
                            <li><a href="#" style="z-index:5000;">北京</a></li>
                            <li><a href="#" style="z-index:5000;">西安</a></li>
                            <li><a href="#" style="z-index:5000;">南京</a></li>
                        </ul>
					</span>
                </li>
                <li class="clear"></li>
            </ul>
        </div>
        <script type="text/javascript">
            function showarea(){
                var areaname = document.getElementById('area_name');
                if(areaname.style.display == 'block'){
                    areaname.style.display = 'none';
                }
                else{
                    areaname.style.display = 'block';
                }
            }
        </script>
    </div>
    <div class="diy_img" style="width:100%;margin-top:10px;">
        <div>
            <span class="sponsorTitle">主办方</span>
            <a href="#all_sponsors" class="showAll">查看全部</a>
        </div>
        <div class="line light"></div>
        <div class="clear"></div>

    </div>
    <div data-role="content" id="logo_img" style="overflow-x:visible !important;">
        <div class="ui-grid-b">
        <?php if(is_array($sponsor)): foreach($sponsor as $key=>$vo): ?><div class="sponsorLogoList">
                <a href="act_tedo.htm" >
                    <img class="sponsorLogo" src="<?php echo ($vo->logo->url); ?>">
                    <div class="sponsorName"><?php echo ($vo->name); ?></div>
                </a>
            </div><?php endforeach; endif; ?>
        </div>
    </div>

    <div class="line"></div>
    <div class="actv" class="activityShowCont">
        <?php if(is_array($activity)): foreach($activity as $key=>$vo): ?><a href="#">
            <b class="activityName"><?php echo ($vo->name); ?></b>
        </a>
        <div style="width:90%;margin:10px auto;">
            <ul >
                    <li>
                        <a href="">
                            <p><img src="<?php echo ($vo->thumb->url); ?>" class="activityImage"></p>
                            <small class="activityTime">活动时间：<?php echo date('Y-m-d H:i',$vo->beginDate);?> - <?php echo date('Y-m-d H:i',$vo->endDate);?></small><br/>
                            <small class="activityTime">活动地点：<?php echo ($vo->address); ?></small>
                        </a>
                    </li>
            </ul>
        </div>
            <div class="line"></div><?php endforeach; endif; ?>
    </div>


    <div data-role="footer" data-position="fixed" id="footer">
        <ul>
            <li class="footZone"><a href="#pageone" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>act.png"></div>活动</a></li>
            <li class="footZone"><a href="#pagetwo" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>pin.png"></div>品牌</a></li>
            <li class="footZone"><a href="#pagethree" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>my.png"></div>我的</a></li>
        </ul>
    </div>

</div>
<script type="text/javascript">
    $(function(){
        $("#footer li").click(function(){
            $("#footer li").eq($(this).index()).addClass('colo').siblings().removeClass('colo')
        })
    });
</script>




<div data-role="page" id="pagetwo">
    <div data-role="content">
        <div data-role="header" id="header" data-position="fixed">
            <div class="home_icon">
                <ul>
                    <li style="float:left; display:block; width:45%;"><a href="#pageone" style="display:inline;"><img src="<?php echo (HOME_IMAGES_PATH); ?>home.png" style="width:40px;"></a></li>
                    <li id="area_text" style="float:left; ">
                        <h2 style="display:inline;">品牌</h2>
                    </li>
                </ul>
            </div>
        </div>
        <form method="post" action="demoform.asp">
            <div data-role="fieldcontain">
                <label for="search">搜索：</label><br>
                <input type="search" name="search" id="search" placeholder="搜索内容..." data-inline="true" >
                <input type="submit" data-inline="true" value="提交" >
            </div>
            <div class="clear"></div>
        </form>
        <ul data-role="listview" data-autodividers="true" data-inset="true">
            <li><a href="#">Adele</a></li>
            <li><a href="#">Agnes</a></li>
            <li><a href="#">Albert</a></li>
            <li><a href="#">Billy</a></li>
            <li><a href="#">Bob</a></li>
            <li><a href="#">Calvin</a></li>
            <li><a href="#">Cameron</a></li>
            <li><a href="#">Chloe</a></li>
            <li><a href="#">Christina</a></li>
            <li><a href="#">Diana</a></li>
            <li><a href="#">Gabriel</a></li>
            <li><a href="#">Glen</a></li>
            <li><a href="#">Ralph</a></li>
            <li><a href="#">Valarie</a></li>
        </ul>
    </div>
    <div data-role="footer" data-position="fixed" id="footer">
        <ul>
            <li style="width:33%;height:68px;"><a href="#pageone" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>act.png"></div>活动</a></li>
            <li style="width:33%;height:68px;"><a href="#pagetwo" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>pin.png"></div>品牌</a></li>
            <li style="width:33%;height:68px;"><a href="#pagethree" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>my.png"></div>我的</a></li>
        </ul>
    </div>
    <script type="text/javascript">
        $(function(){
            $("#footer li").click(function(){
                $("#footer li").eq($(this).index()).addClass('colo').siblings().removeClass('colo')
            })
        });
    </script>
</div>



<div data-role="page" id="pagethree">
    <div data-role="content">
        <div data-role="header" id="header" data-position="fixed" data-type="horizontal">
            <div class="home_icon">
                <ul>
                    <li style="float:left; display:block; width:45%;"><a href="#pageone" style="display:inline;"><img src="<?php echo (HOME_IMAGES_PATH); ?>home.png" style="width:40px;"></a></li>
                    <li id="area_text" style="float:left; ">
                        <h2 style="display:inline;">我的特逗</h2>
                    </li>
                </ul>
            </div>
        </div>
        <div id="wel_tedo">
            <a href="#">
                <img src="<?php echo (HOME_IMAGES_PATH); ?>tedo_logo.png">
                <p>欢迎来到特逗</p>
            </a>
        </div>
        <div class="line" ></div>
        <div class="word">
            <ul>
                <li><a href="account.htm" style="color:gray;">个人中心<img src="<?php echo (HOME_IMAGES_PATH); ?>righticon.png" style="height:15px;"></a></li>
                <li><a href="" style="color:gray;">我的收藏<img src="<?php echo (HOME_IMAGES_PATH); ?>righticon.png" style="height:15px;"></a></li>
                <li><a href="" style="color:gray;">娱乐<img src="<?php echo (HOME_IMAGES_PATH); ?>righticon.png" style="height:15px;"></a></li>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="line"></div>
        <div class="word">
            <ul>
                <li><a href="" style="color:gray;">登录注册<img src="<?php echo (HOME_IMAGES_PATH); ?>righticon.png" style="height:15px;"></a></li>
                <li><a href="" style="color:gray;">关于特逗电商<img src="<?php echo (HOME_IMAGES_PATH); ?>righticon.png" style="height:15px;"></a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div data-role="footer" data-position="fixed" id="footer">
        <ul>
            <li style="width:33%;height:68px;"><a href="#pageone" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>act.png"></div>活动</a></li>
            <li style="width:33%;height:68px;"><a href="#pagetwo" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>pin.png"></div>品牌</a></li>
            <li style="width:33%;height:68px;"><a href="#pagethree" style="color:#fff;"><div><img src="<?php echo (HOME_IMAGES_PATH); ?>my.png"></div>我的</a></li>
        </ul>
    </div>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        ul{
            list-style: none;
        }
        a{
            text-decoration:none;
        }
        #header{
            height: 42px;
            line-height: 42px;
        }
        #home_icon{
            text-align: center;
        }
        #wel_tedo{
            text-align: center;
            margin-top: 20px;

        }
        #wel_tedo a img{
            border-radius: 40px;
        }
        .word li{
            display: block;
            width: 100%;


        }

        .word a img{
            position:relative;

            float: right;
        }
        .clear{
            clear: both;
        }
    </style>
</div>
<div data-role="page" id="all_sponsors">
    <div data-role="content">
        <div data-role="header" data-position="fixed">
            <h1>主办方</h1>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <a href="#"><img src="">上海特神网络科技有限公司</a>
            </div>
            <div class="ui-block-b">
                <a href=""><img src="">蓬友原创</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>